<template>
  <div>
    <div v-if="UTIL.isNotEmpty(exerciseGroup.totalTitleStem)">
      <span style="color:#666;">说明: </span>
      <div style="display: inline-block; " v-html="exerciseGroup.totalTitleStem"></div>
    </div>
    <span style="color:#666;">{{ exerciseGroup.role === CONST.EXERCISE_GROUP_ROLE_A3 ? '公用题干' : '案例描述'}}: </span>
    <div style="display: inline-block; " v-html="exerciseGroup.caseAlias"/>

    <div v-for="exerciseEntry in exerciseGroup.exerciseEntryList">
      <hr/>
      <div style="display: inline-block; color: #666">题干: </div>
      <div style="display: inline-block" v-html="exerciseEntry.question"></div>
      <div v-for="(item, idx) in exerciseEntry.choiceArray">
        <div style="width: 50px; display: inline-block; vertical-align: top; ">
          <span>{{ String.fromCharCode(65 + idx) + '. ' }}</span>
        </div>
        <div style="display: inline-block">
          <span v-html="item"></span>
        </div>
      </div>
      <div>
        <span style="color: #666">正确答案: </span>
        <span>{{ exerciseEntry.answer }}</span>
      </div>
      <div v-if="UTIL.isNotEmpty(exerciseEntry.answerAnalyses)">
        <span style="color: #666">答案解析: </span>
        <div style="display: inline-block; " v-html="exerciseEntry.answerAnalyses"></div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "PreviewExerciseEntry3",
    data() {
      return {
      }
    },
    props: ['exerciseGroup'],
  }
</script>

<style scoped>
  div {
    line-height: 30px;
  }
  /deep/ p {
    margin-top: 0px;
  }
</style>
